{extend name="layout/dialog" /}

{block name="content"}
<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="{:url('permissiongroup/add')}">

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Name')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="name" class="form-control" name="name" type="text" value="" data-rule="required">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Description')}:</label>
        <div class="col-xs-12 col-sm-8">
            <textarea id="description" class="form-control" name="description" rows="3"></textarea>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Status')}:</label>
        <div class="col-xs-12 col-sm-8">
            <div class="radio">
            {foreach name="statusList" item="text" key="value"}
            <label for="status-{$value}"><input id="status-{$value}" name="status" type="radio" value="{$value}" {in name="value" value="1"}checked{/in} /> {$text}</label> 
            {/foreach}
            </div>
        </div>
    </div>
    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-success btn-embossed">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
        </div>
    </div>
</form>
{/block}

{block name="script"}
<script>
    $(function () {
        Form.api.bindevent($('#add-form'));
    });
</script>
{/block} 